<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Vue - Clean Minimal eCommerce HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS here -->
    <link rel="stylesheet" href="../../css/bootstrap.min1.css">
    <link rel="stylesheet" href="../../css/owl.carousel.min.css">
    <link rel="stylesheet" href="../../css/animate.min.css">
    <link rel="stylesheet" href="../../css/magnific-popup.css">
    <link rel="stylesheet" href="../../css/fontawesome-all.min.css">
    <link rel="stylesheet" href="../../css/flaticon.css">
    <link rel="stylesheet" href="../../css/meanmenu.css">
    <link rel="stylesheet" href="../../css/jquery-ui.css">
    <link rel="stylesheet" href="../../css/meanmenu.css">
    <link rel="stylesheet" href="../../css/slick.css">
    <link rel="stylesheet" href="../../css/default1.css">
    <link rel="stylesheet" href="../../css/style1.css">
    <link rel="stylesheet" href="../../css/responsive1.css">
    <link rel="stylesheet" href="../../css/my.css">
    <style type="text/css">

    </style>
</head>
<body>


<!-- header start -->
    <div id="header-sticky" class="padding-4">
        <div class="logo padding-4" align="center">
            <a href="/toDashboardUser2"><img src="../../img/logo.png" alt=""></a>
        </div>
        <p style="color: white" disabled="true">123</p>
    </div>
<!-- header end -->


<main>

    <!-- breadcrumb-area-start -->
    <section class="breadcrumb-area" data-background="img/bg/page-title.png">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb-text text-center">
                        <h1>商品详情</h1>
                        <ul class="breadcrumb-menu">
                            <li><a href="/toDashboardUser2">主页</a></li>
                            <li><span>详情</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb-area-end -->

    <!-- shop-area start -->
    <section class="shop-details-area pt-100 pb-100">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-4">
                    <div class="product-details-img mb-10">
                        <div class="tab-content" id="myTabContentpro">
                            <div class="tab-pane fade show active" id="home" role="tabpanel">
                                <div class="product-large-img">
                                    <img th:src="${msg1.url}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-8">
                    <div class="product-details mb-30 pl-30">
                        <h2 class="pro-details-title mb-15" th:text="${msg1.pname}"></h2>
                        <div class="details-price mb-20">
                            <span th:text="'￥'+${msg1.pprice}">￥</span>
                        </div>
                        <h4 th:text="'当前库存'+${msg2.num}"></h4>
                        <p></p>
                        <div class="product-size variant-item">
                            <div class="variant-name">
                                <h5 style="font-weight: normal">口味</h5>
                            </div>
                            <ul class="shop-link shop-size">
                                <li class="active"><a href="#">原味 </a></li>
                            </ul>
                            <p></p>
                            <div class="variant-name">
                                <h5 style="font-weight: normal">优惠券</h5>
                            </div>
                            <span th:each="lists:${msg3}">
                                <a th:href="@{/vouchersGet/}+${lists.id}+'/'+${session.uid}">
                                    <img th:src="${lists.url}" style="width: 100px">
                                </a>
                            </span>
                        </div>

                        <div class="product-action-details variant-item">
                            <h5 th:text="'净含量：'+${msg1.pweight}+'(g)'"></h5>
                            <h5 th:text="'保质期：'+${msg1.savedate}+'天'"></h5>
                            <h5 th:text="'储存方式：'+${msg1.saveway}">储存方式：${msg1.saveway}</h5>
                            <div class="product-details-action" align="center">
                                <form action="/setOrder">
                                    <div class="plus-minus">
                                        <div class="cart-plus-minus"><input type="text" name="num" value="1"></div>
                                        <input type="text" name="id" class="form-control" hidden th:value="${msg}">
                                    </div>
                                    <div class="details-cart mt-40">
                                        <a th:href="@{/addCart/}+${msg}+'/'+${session.uid}" class="btn theme-btn" style="color: white">加入购物车</a>
                                        <button class="btn theme-btn">立即购买</button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<section class="slider-area pos-relative">
    <div class="container">
        <h3 style="color: #fe5436">商品详细</h3>
        <div class="product-size variant-item">
            <div class="variant-name">
            </div>
        </div>
        <img width="100%" th:src="${msg4.img_other}">
        <p></p>
        <h3 style="color: #fe5436">用户评价</h3>
        <div class="product-size variant-item">
            <div class="variant-name">
            </div>
        </div>
        <table>
            <tbody>
            <!---->
                <tr th:each="lists:${evaluates}">
                    <td style="vertical-align:middle"><h4 th:text="${lists.getUsername()}"></h4></td><p/>
                    <td style="vertical-align:middle" width="80%"><h6 class="dialog" th:text="${lists.getEvaluate()}"></h6></td>
                </tr>
            </tbody>
        </table>
        <p></p>
        <h3 style="color: #fe5436">相关推荐</h3>
        <div class="product-size variant-item">
            <div class="variant-name">
            </div>
        </div>
        <div class="row">
            <div class="padding-1 padding-2 padding-3">
                <div class="banner mb-5">
                    <a href="/toProductDetail?id=1"><img src="../../img/banshu.png" alt="" class="mycard"></a>
                    <p></p>
                    <div class="pro-cat mb-10">
                        <a href="#">需冷藏，开封即食</a>
                    </div>
                    <h4>
                        <a href="/toProductDetail?id=1">半熟芝士</a>
                    </h4>
                    <div class="product-meta">
                        <div class="pro-price">
                            <span>￥19.9</span>
                            <span class="old-price">￥40</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="padding padding-2 padding-3">
                <div class="banner mb-5">
                    <a href="/toProductDetail?id=4"><img src="../../img/zhizhimeimei-card.png" alt="" class="mycard"></a>
                    <p></p>
                    <div class="pro-cat mb-10">
                        <a href="#">需冷藏，开封即食</a>
                    </div>
                    <h4>
                        <a href="/toProductDetail?id=4">芝芝莓莓</a>
                    </h4>
                    <div class="product-meta">
                        <div class="pro-price">
                            <span>￥26</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="padding-1 padding-2 padding-3">
                <div class="banner mb-5">
                    <a href="/toProductDetail?id=2"><img src="../../img/niujiaobao-card.png" alt="" class="mycard"></a>
                    <p></p>
                    <div class="pro-cat mb-10">
                        <a href="#">常温保存，开封即食</a>
                    </div>
                    <h4>
                        <a href="/toProductDetail?id=2">牛角包</a>
                    </h4>
                    <div class="product-meta">
                        <div class="pro-price">
                            <span>￥8.9</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="padding-1 padding-2 padding-3">
                <div class="banner mb-5">
                    <a href="/toProductDetail?id=5"><img src="../../img/qingrulao-card.png" alt="" class="mycard"></a>
                    <p></p>
                    <div class="pro-cat mb-10">
                        <a href="#">冷藏保存，开封即食</a>
                    </div>
                    <h4>
                        <a href="/toProductDetail?id=5">轻乳酪蛋糕</a>
                    </h4>
                    <div class="product-meta">
                        <div class="pro-price">
                            <span>￥19.9</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>


<!-- footer start -->
<footer class="footer-area pl-100 pr-100">
    <div class="copyright-area box-105">
        <div class="container-fluid">
            <div class="pt-30 pb-30">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="copyright text-center">
                            <p>Copyright © 2019 <a href="#">BasicTheme</a>. All Rights Reserved</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer end -->

<!-- Fullscreen search -->
<div class="search-wrap">
    <div class="search-inner">
        <i class="fas fa-times search-close" id="search-close"></i>
        <div class="search-cell">
            <form method="get">
                <div class="search-field-holder">
                    <input type="search" class="main-search-input" placeholder="Search Entire Store...">
                </div>
            </form>
        </div>
    </div>
</div> <!-- end fullscreen search -->







<!-- JS here -->
<script src="../../js/jquery-1.12.4.min.js"></script>
<script src="../../js/jquery-ui.js"></script>
<script src="../../js/popper.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/owl.carousel.min.js"></script>
<script src="../../js/isotope.pkgd.min.js"></script>
<script src="../../js/slick.min.js"></script>
<script src="../../js/jquery.meanmenu.min.js"></script>
<script src="../../js/ajax-form.js"></script>
<script src="../../js/wow.min.js"></script>
<script src="../../js/jquery.scrollUp.min.js"></script>
<script src="../../js/jquery.final-countdown.min.js"></script>
<script src="../../js/imagesloaded.pkgd.min.js"></script>
<script src="../../js/jquery.magnific-popup.min.js"></script>
<script src="../../js/plugins.js"></script>
<script src="../../js/main1.js"></script>
</body>
</html>

